<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<link rel="stylesheet" href="./css/reset.css">
	<link rel="stylesheet" href="./css/iconfont.css">
	<link rel="stylesheet" href="./css/public.css">
	<link rel="stylesheet" href="./css/add.css">
</head>
<body>
	<header>
		<h2>小U商城后台管理系统</h2>
	</header>
	<article>
		<h3>
			添加产品
		</h3>
		<form action="#" target="_blank" method="POST">
			<ul>
				<li class="clearfix">		
					<p><span>*</span>商品名称：</p>
					<input type="text">
				</li>
				<li>
					<p><span>*</span>简单描述：
					</p>
					<input type="text">
				</li>
				<li>
					<p>
						<span>*</span>关键字：
					</p>
					<input type="text" placeholder="请用，分隔关键字">
				</li>
				<li>
					<p>
						<span>*</span>产品分类：
					</p>
					<div class="fl">
						<label>
							<input type="checkbox">
							新品发布
						</label>
					</div>
					<div class="fl">
						<label>
							<input type="checkbox">
							限时促销
						</label>
					</div>
					<div class="fl">
						<label>
							<input type="checkbox">
							特价处理
						</label>
					</div>
					<button>添加分类</button>
				</li>
				<li>
					<div class="left">
						<p>
							<span>*</span>
							商品原价：
						</p>
						<input type="text">元
					</div>
					<div class="center">
						<p>
							<span>*</span>
							商品现价：
						</p>
						<input type="text">
						元
					</div>
					<div class="right">
						<p>
							<span>*</span>
							商品数量：
						</p>
						<input type="text">
						元
					</div>
				</li>
				<li class="clearfix">
					<p>
						设置规格：
					</p>
					<input class="fl" type="text">
					<p>如“颜色，尺寸，型号”中间以英文逗号隔开</p>
				</li>
				<li class="clearfix">
					<p>
						是否上架：
					</p>
					<label class="fl">
						<input type="checkbox">
						是
					</label>
					<label class="fl">
						<input type="checkbox">
						否
					</label>
				</li>
				<li class="clearfix">
					<p>
						允许评论：
					</p>
					<label class="fl">
						<input type="checkbox">
						是
					</label>
					<label class="fl">
						<input type="checkbox">
						否
					</label>
				</li>
				<li class="clearfix">
					<p>
						<span>*</span>
						产品图片：
					</p>
					<input type="file" multiple>
				</li>
				<li>
					<p>
						<span>*</span>
						内容介绍：
					</p>
					<textarea name="no"></textarea>
				</li>
			</ul>
			<footer>
				<button>保存并提交</button>
				<button>保存草稿</button>
				<button>取消添加</button>
			</footer>
		</form>
	</article>
</body>
</html>